<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../../../css/api.css"/>
      <style>

.ewm_box{position: absolute;width: 100%;left: 50%;top:42%;transform: translate(-50%,-50%);}
          .ewm  img{width: 100%;display: block;}

      </style>
  </head>
  <body>
    <div class="ewm" id="ewm">
      <div class="ewm_box">
           <img :src="img" alt="" id="erweima">

      </div>
    </div>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/vue.min.js"></script>
  <script type="text/javascript">
      apiready = function(){

        ewm = new Vue({
                  el: '#ewm',
                  data: {
                          img:'../../image/ewm.png',

                      }
              });




            var FNScanner = api.require('FNScanner');
              FNScanner.encodeImg({
                  content: $api.getStorage("member"),
                  saveToAlbum: true,
                  saveImg: {
                      path: 'fs://album.png',
                      w: 200,
                      h: 200
                  }
              }, function(ret, err) {
                  if (ret.status) {
                      console.log(JSON.stringify(ret));
                        ewm.img = ret.imgPath
                  } else {
                      console.log(JSON.stringify(err));
                  }
              });
      };
      var ewm;
  </script>
  </html>
